<template>
  <div class="Mycenter">
    <component
      :is="loginOrRegister"
      :loginOrRegister.sync="loginOrRegister"
    ></component>
  </div>
</template>

<script type="text/ecmascript-6">
import CenterUserslogin from './component/Userslogin'
import CenterUsersregister from './component/Register'
import CenterUsersforgetpwd from './component/Forgetpwd'
export default {
  name: "MyCenter",
  data() {
    return {
      loginOrRegister:'login'
    };
  },
  components: {
    'login':CenterUserslogin,
    'register':CenterUsersregister,
    'forgetpwd':CenterUsersforgetpwd
  }
};
</script>

<style scoped lang="stylus">
.Mycenter
  height 100vh
  background-color #ffffff
</style>
